$(document).ready(function(){                    
    var canvas = document.getElementById('canvas');
    var stage = new JTopo.Stage(canvas);
    //显示工具栏
    showJTopoToobar(stage);
    var scene = new JTopo.Scene();
    stage.frames = 24;
    scene.background = './img/bg.jpg';
    stage.add(scene);
    
    var nodes = [];
    // 圆心节点
    var circleNode = new JTopo.CircleNode();
    circleNode.fillStyle = JTopo.util.randomColor();
    scene.add(circleNode);
    
    // 三个控制点
    for(var i=0; i<3; i++){
        var node = new JTopo.Node();
        node.fillStyle = JTopo.util.randomColor();
        node.setLocation(100 + Math.random() * 500, 100 + Math.random() * 400);
        scene.add(node);
        nodes.push(node);
    }
    for(var i=0; i<nodes.length; i++){
        scene.add(new JTopo.Link(circleNode, nodes[i]));
    }
    
    // 定义效果
    var effect = JTopo.Effect.spring();
    
    // 效果作用对象
    for(var i=0; i<nodes.length; i++){
        // 圆心节点同时于三个控制节点产生弹性
        effect.addNode(circleNode, nodes[i]);
    }
    // 播放
    effect.play();
});